@charset "gb2312";
@import "common.scss";

.submitPay{
  background: #ffb800;
  color: #fff;
  font-size: rem-calc(36px);
  line-height: rem-calc(88px);
  height: rem-calc(88px);
  display: block;
  position: absolute;
  bottom:0;
  left: 0;
  width: 100%;
  text-align: center;
}

.sPayTime{
  text-align: center;
  line-height: rem-calc(58px);
  height: rem-calc(58px);
  background: #fffeec;
  display: block;
  font-size: rem-calc(28px);
  color: #ff7a26;
}

.payDetail{
  @extend .globalPadding;
  background: #fff;
  li{
    width: 100%;
    float: left;
    line-height: rem-calc(88px);
    height: rem-calc(88px);
    border-top: 1px solid #d4d4d8;
    &:first-child{
      border-top: 0 none;
    }
    .sTit{
      float: left;
      font-size: rem-calc(36px);
    }
    .sDes{
      float: right;
      font-size: rem-calc(28px);
      color: #76767c;
    }
    .sMoney{
      float: right;
      font-size: rem-calc(42px);
      color: #cd3b45;
    }
  }
}

.accountBalance{
  border-top: 1px solid #d4d4d8;
  border-bottom: 1px solid #d4d4d8;
  @extend .globalPadding;
  position: relative;
  background:#f6f6f6;
  @include flexbox();
  .iCurrencyIcon{
    @extend .globalMap;
    display: block;
    width: rem-calc(70px);
    height: rem-calc(70px);
    background-position: rem-calc(-930px) 0;
    margin-top: rem-calc(24px);
  }
  .txt{
    @include flexboxChild();
    padding-left: rem-calc(26px);
    span{
      display: block;
      line-height: rem-calc(42px);
      height: rem-calc(42px);
      &.sTit{
        padding-top: rem-calc(20px);
        font-size: rem-calc(32px);
      }
      &.sMoney{
        padding-bottom: rem-calc(10px);
        font-size: rem-calc(30px);
        color: #666;
        
      }
    }
  }
}

.otherPayStyle{
  padding-bottom: rem-calc(20px);
  li{
    width: 100%;
    float: left;
    @include flexbox();
    position: relative;
    .pic{
      width: rem-calc(60px);
      height: rem-calc(60px);
      padding: rem-calc(30px) rem-calc(26px) 0 rem-calc(20px);
      text-align: center;
      img{
        height: 100%;
        margin: 0 auto;
        display: block;
      }
    }
    .txt{
      @include flexboxChild();
      border-bottom: 1px solid #d4d4d8;
      padding-top: rem-calc(16px);
      padding-bottom: rem-calc(10px);
      span{
        display: block;
        line-height: rem-calc(48px);
        height: rem-calc(48px);
        &.sTit{
          font-size: rem-calc(32px);
        }
        &.sTit_2{
          line-height: rem-calc(84px);
          height: rem-calc(84px);
          font-size: rem-calc(36px);
        }
        &.sDes{
          line-height: rem-calc(32px);
          height: rem-calc(32px);
          .emRed{
            padding: 0 rem-calc(10px);
            background: #cd3b45;
            color: #fff;
            font-size: rem-calc(24px);
            display: inline-block;
          }
        }
      }
    }
    &:last-child{
      .txt{
        border-bottom: 0 none;
      }
    }
  }
}


